<meta charset="UTF-8">
<title>Insert title here</title>
<link href="../css/bootstrap.min.css" rel="stylesheet">
<link href="../css/bootstrap-table.min.css" rel="stylesheet" >
<script src="../js/jquery.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/bootstrap-table.min.js"></script>
<script src="../js/bootstrap-table-zh-CN.js"></script>
<script src="../js/swift.js"></script>>
</head>
<body>
<!-- 	<table data-toggle="table" data-url="/html/json/bt4.json"> -->
<!--     <thead> -->
<!--         <tr> -->
<!--             <th data-field="id">Item ID</th> -->
<!--             <th data-field="name">Item Name</th> -->
<!--             <th data-field="price">Item Price</th> -->
<!--         </tr> -->
<!--     </thead> -->
<!-- </table> -->
<hr>
<hr>
<hr>
<hr>
<!-- <table id="table"></table> -->

<hr>
<hr>
<hr>
<hr>
<table id="table1"></table>


<script type="text/javascript">
$('#table').bootstrapTable({
    columns: [{
        field: 'id',
        title: 'Item ID'
    }, {
        field: 'name',
        title: 'Item Name'
    }, {
        field: 'price',
        title: 'Item Price'
    }],
    data: [{
        id: 1,
        name: 'Item 1',
        price: '$1'
    }, {
        id: 2,
        name: 'Item 2',
        price: '$2'
    }]
});

$('#table1').bootstrapTable({
    url: '/html/json/bt4.json',
//     data:"/html/json/bt4.json",
    columns: [{
        field: 'id',
        title: 'Item ID'
    }, {
        field: 'name',
        title: 'Item Name'
    }, {
        field: 'price',
        title: 'Item Price'
    }, ]
});

</script>
</body>
</html>